diff --git a/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Navigation-Views/Docked-South/view.json b/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Navigation-Views/Docked-South/view.json
index c4ea686..ebd5309 100644
--- a/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Navigation-Views/Docked-South/view.json
+++ b/SCADA_PERSPECTIVE_PARENT_PROJECT/com.inductiveautomation.perspective/views/Navigation-Views/Docked-South/view.json
@@ -3,7 +3,7 @@
   "params": {},
   "props": {
     "defaultSize": {
-      "height": 193,
+      "height": 247,
       "width": 1920
     }
   },
@@ -99,48 +99,125 @@
         "type": "ia.container.flex"
       },
       {
-        "custom": {
-          "view": "Alarms"
-        },
+        "children": [
+          {
+            "custom": {
+              "view": "Alarms"
+            },
+            "meta": {
+              "name": "EmbeddedView"
+            },
+            "position": {
+              "basis": "1850px",
+              "grow": 1
+            },
+            "propConfig": {
+              "props.path": {
+                "binding": {
+                  "config": {
+                    "expression": "case({this.custom.view},\r\n\"Alarms\", \"Alarm-Views/AlarmTable\",\r\n\"State\", \"State-Views/State-Table\",\r\n\"Alarm-Views/Docked-Alarm\")"
+                  },
+                  "type": "expr"
+                }
+              }
+            },
+            "props": {
+              "loading": {
+                "order": "with-parent"
+              },
+              "params": {
+                "length_of_table_data": 0
+              }
+            },
+            "scripts": {
+              "customMethods": [],
+              "extensionFunctions": null,
+              "messageHandlers": [
+                {
+                  "messageType": "change-docked-view",
+                  "pageScope": true,
+                  "script": "\tview \u003d payload[\"data\"]\n\tself.custom.view \u003d view",
+                  "sessionScope": false,
+                  "viewScope": false
+                }
+              ]
+            },
+            "type": "ia.display.view"
+          },
+          {
+            "children": [
+              {
+                "meta": {
+                  "name": "ACTIVE"
+                },
+                "position": {
+                  "basis": "150px"
+                },
+                "props": {
+                  "style": {
+                    "backgroundColor": "#F0F0F0",
+                    "borderStyle": "none",
+                    "color": "#000000"
+                  },
+                  "text": "ACTIVE"
+                },
+                "type": "ia.input.button"
+              },
+              {
+                "meta": {
+                  "name": "HIT LIST"
+                },
+                "position": {
+                  "basis": "150px"
+                },
+                "props": {
+                  "style": {
+                    "backgroundColor": "#F0F0F0",
+                    "borderStyle": "none",
+                    "color": "#000000"
+                  },
+                  "text": "HIT LIST"
+                },
+                "type": "ia.input.button"
+              },
+              {
+                "meta": {
+                  "name": "HISTORY"
+                },
+                "position": {
+                  "basis": "150px"
+                },
+                "props": {
+                  "style": {
+                    "backgroundColor": "#F0F0F0",
+                    "borderStyle": "none",
+                    "color": "#000000"
+                  },
+                  "text": "HISTORY"
+                },
+                "type": "ia.input.button"
+              }
+            ],
+            "meta": {
+              "name": "FlexContainer"
+            },
+            "position": {
+              "basis": "300px"
+            },
+            "type": "ia.container.flex"
+          }
+        ],
         "meta": {
-          "name": "EmbeddedView"
+          "name": "FlexContainer_0"
         },
         "position": {
-          "basis": "1850px",
+          "basis": "200px",
           "grow": 1
         },
-        "propConfig": {
-          "props.path": {
-            "binding": {
-              "config": {
-                "expression": "case({this.custom.view},\r\n\"Alarms\", \"Alarm-Views/AlarmTable\",\r\n\"State\", \"State-Views/State-Table\",\r\n\"Alarm-Views/Docked-Alarm\")"
-              },
-              "type": "expr"
-            }
-          }
-        },
         "props": {
-          "loading": {
-            "order": "with-parent"
-          },
-          "params": {
-            "length_of_table_data": 353
-          }
+          "direction": "column"
         },
-        "scripts": {
-          "customMethods": [],
-          "extensionFunctions": null,
-          "messageHandlers": [
-            {
-              "messageType": "change-docked-view",
-              "pageScope": true,
-              "script": "\tview \u003d payload[\"data\"]\n\tself.custom.view \u003d view",
-              "sessionScope": false,
-              "viewScope": false
-            }
-          ]
-        },
-        "type": "ia.display.view"
+        "type": "ia.container.flex"
       }
     ],
     "meta": {